<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img class="bgc" src="img/天空1.jpeg" width="100%" alt="">
            <h3 class="title">欢迎来到我的个人博客</h3>
            <h3 class="titles">言念君子，温其如玉</h3>
            <img class="icon" src="img/down.png" alt="">
            <div class='ribbon'>
                <a href='./index.html'><span>Home</span></a>
                <a href='./about.html'><span>About</span></a>
                <a href='./hobbies.html'><span>Hobbies</span></a>
            </div>

        </div>
        <div class="icons">
            <div class="icons_items">
                <a href="task1/index.html"> <img class="icons_items_imgs" src="img/天空2.webp" alt=""></a>
                <span>作业一</span>
            </div>
            <div class="icons_items">
                <a href="task2/index.html"><img class="icons_items_imgs" src="img/天空3.webp" alt=""></a>
                <span>作业二.使用DOM操纵图片</span>
            </div>
            <div class="icons_items">
                 <a href="task3/index.html"><img class="icons_items_imgs" src="img/天空4.webp" alt=""></a>
                <span>作业三.使用键盘操控坦克移动</span>
            </div>
            <div class="icons_items">
                 <a href="task4/index.html"><img class="icons_items_imgs" src="img/天空5.jpg" alt=""></a>
                <span>实验四.制作web页面广告</span>
            </div>
             <div class="icons_items">
                 <a href="task5/index.html"><img class="icons_items_imgs" src="img/天空6.jpg" alt=""></a>
                <span>作业五.使用jQuery修改表格</span>
            </div>
            <div class="icons_items">
                 <a href="task6/index.html"><img class="icons_items_imgs" src="img/天空7.jpg" alt=""></a>
                <span>作业六.使用jQuery制作游戏角色</span>
            </div>
            <div class="icons_items">
                 <a href="task7/index.html"><img class="icons_items_imgs" src="img/天空8.jpg" alt=""></a>
                <span>作业七.选择一个jQuery插件制作demo</span>
            </div>
            <div class="icons_items">
                 <a href="task8/index.html"><img class="icons_items_imgs" src="img/天空9.jpg" alt=""></a>
                <span>实验五.用户注册验证的设计与实现</span>
            </div>
            <div class="icons_items">
                 <a href="task9/index.html"><img class="icons_items_imgs" src="img/天空10.jpg" alt=""></a>
                <span>作业八.使用ajax实现判断用户名是否存在</span>
            </div>
        </div>
        <!-- <audio autoplay="autoplay" id="audio" loop="loop">
                <source src="./video/music.mp3" type="audio/MP3">
               
        </audio>
        <img class="music_img" src="./img/music.png" alt=""> -->
    </div>

</body>
<!-- <script>
    let mucics = document.getElementById('audio')
    document.body.addEventListener('mousemove', function() {
        setTimeout(() => {
            mucics.play();
        }, 2000);
    }, false);
</script> -->

</html>